<template>
  <view class="feok-card">
    <view class="flex-row items-center">
      <view class="feok-card-left">
      </view>
      <view class="feok-card-title">
        {{ title }}
      </view>
    </view>

    <view class="feok-card-handle">
      <slot name="handle">
        <!-- 操作按钮显示 -->
      </slot>
    </view>
  </view>
</template>

<script setup lang="ts">
/**
 * @author:  cxy
 * @description 库存 cell
 * @param { object} data - 对象{ type: 'loading', message: "加载中"}  
 */
const props = defineProps({
  title: {
    type: String,
    default: '',
  },
});
</script>

<style lang="scss" scoped>
.feok-card {
  display: flex;
  align-items: center;
  background: #ffffff;
  justify-content: space-between;
  &-left{
    width: 10rpx;
    height: 32rpx;
    background: url('https://asa-hr.oss-cn-beijing.aliyuncs.com/HR-h5/title.png');
    background-size: 100% 100%;
  }
  &-title{
    margin-left:16rpx; 
    height: 32rpx;
    font-size: 32rpx;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #1B1A1D;
    line-height: 32rpx;
  }
  &-handle{
    
  }
}
</style>
